﻿ body
 {
 	overflow-x:hidden;
 }
 .cloudContainer
 {	
 	-webkit-animation-name: animar;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: animar;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    -webkit-animation-duration: 15s;
	-webkit-animation-delay: 1s;
    
	-moz-animation-duration: 15s;
	-moz-animation-delay: 1s;	
	
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
 }
 .cloudContainer div {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.cloudContainer div:nth-child(2){left:100%;}
 
 .freeCloud
 {
 	position:relative;
 	z-index: -1;
 }
 .cloud1
 {
	top:300px;
	left:370px;
 }
  .cloud2
 {
	top:20px;
	left:100px;
 }
  .cloud3
 {
	top:300px;
	left:100px;
 }
 
  .cloud4
 {
	top:150px;
	left:50px;	
 }


@-webkit-keyframes animar{
    0%    {-webkit-transform:translate3d(0,0,0);}
    100%{-webkit-transform:translate3d(-100%,0,0);}
}

@-moz-keyframes animar{
    0%    {left:0%;}
    100%{left:-100%;}
}